/**
 * Created by duke on 2020/9/16.
 */
import React from 'react';
import { PureComponent } from "react";
import { Layout, Row, Col, Menu, Select, Button, Carousel, BackTop } from 'antd';
import { Link } from 'react-router-dom';
import logo from './logo.svg';
import './App.css';
import Product from './sore.png';
import QuestionSolu from './questionSolution.png';
import QuestionBack from './questionBackground.png';
import QuestionBack1 from './questionBackground2.png';
import QuestionBack2 from './questionBackground3.png';
import QuestionBack3 from './questionBackground4.png';
const { Header, Footer, Sider, Content } = Layout;
const { SubMenu } = Menu;
const { Option } = Select;
const product = {
    backgroundSize: '100% 60px',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: 'center 29px',
    backgroundImage: 'url(' + Product + ')',
    height: '105px',
    width: '601px',
    margin: '0px auto 0px',
    textAlign: 'center',
    fontSize: '32px',
    fontWeight: 'bold',
    color: '#151515',

}
const questionSolu = {
    backgroundSize: '100% 60px',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: 'center 29px',
    backgroundImage: 'url(' + QuestionSolu + ')',
    height: '105px',
    width: '485px',
    margin: '0px auto 0px',
    textAlign: 'center',
    fontSize: '32px',
    fontWeight: 'bold',
    color: '#151515',

}
const questionBack = {
    backgroundSize: '100%',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: '0px 0px',
    backgroundImage: 'url(' + QuestionBack + ')',
    height: '475px',
    width: '100%',
    marginTop: '0px',
   
   
}
const questionBack1 = {
    backgroundSize: '100%',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: '0px 0px',
    backgroundImage: 'url(' + QuestionBack1 + ')',
    height: '475px',
    width: '100%',
    marginTop: '0px',
}
const questionBack2 = {
    backgroundSize: '100%',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: '0px 0px',
    backgroundImage: 'url(' + QuestionBack2 + ')',
    height: '475px',
    width: '100%',
    marginTop: '0px',
}
const questionBack3 = {
    backgroundSize: '100%',
    backgroundRepeat: 'no-repeat',
    backgroundPosition: '0px 0px',
    backgroundImage: 'url(' + QuestionBack3 + ')',
    height: '475px',
    width: '100%',
    marginTop: '0px',
}
export default class Question extends PureComponent {
    constructor(props) {
        super(props)
        this.state = {
            path: localStorage.getItem("path"),
            current: '4',
            IsFooter1: false,
            IsFooter2: false,
            IsFooter3: false,
            IsFooter4: false,
        }
    };
    componentWillMount() {

    };
    componentDidMount() {

    };
    footer1Over = () => {
        this.setState({
            IsFooter1: true
        })
    }
    footer1Out = () => {
        this.setState({
            IsFooter1: false
        })
    }
    footer2Over = () => {
        this.setState({
            IsFooter2: true
        })
    }
    footer2Out = () => {
        this.setState({
            IsFooter2: false
        })
    }
    footer3Over = () => {
        this.setState({
            IsFooter3: true
        })
    }
    footer3Out = () => {
        this.setState({
            IsFooter3: false
        })
    }
    footer4Over = () => {
        this.setState({
            IsFooter4: true
        })
    }
    footer4Out = () => {
        this.setState({
            IsFooter4: false
        })
    }
    uposClick = () => {

        window.location.href = "/upos/";


    }
    questionClick = () => {
        window.location.href = "/question/";
    }
    chatClick = () => {
        window.location.href = "/chat/";
    }
    backTop = () => {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        })
    }
    render() {
        let { path, current, IsFooter1, IsFooter2, IsFooter3, IsFooter4, } = this.state;
        return (
            <Layout style={{ background: '#fff', minWidth: '1800px', overflow: 'auto' }}>
                <Header style={{ width: '100%', }}>
                    <Row>
                        <Col span={4}></Col>
                        <Col span={16}>
                            <Row style={{ width: '100%' }}>
                                <Col span={4}>
                                    <img src={path + "images/header.png"} style={{ width: '143px', height: '26px' }} />
                                </Col>
                                <Col span={9}>
                                    <img src={path + "images/slogan.png"} style={{ width: '190px', height: '48px' }}></img>
                                </Col>
                                <Col span={11} style={{ position: 'relative' }}>
                                    <img src={path + "images/arrowDown.png"} style={{ width: '24px', position: 'absolute', top: '19px', left: '140px' }}></img>
                                    <Menu mode="horizontal" selectedKeys={[current]}>
                                        <Menu.Item key="0">
                                            <Link to="/" style={{ color: '#2B292D' }}>首页</Link>
                                        </Menu.Item>
                                        <SubMenu key="sub1" title="产品中心">
                                            <Menu.Item key="1">

                                                <Link to="/upos/"> 进销存管理系统</Link>
                                            </Menu.Item>
                                            <Menu.Item key="2">
                                                <Link to="/pos/">收银系统</Link>
                                            </Menu.Item>
                                            <Menu.Item key="3">
                                                <Link to="/posApp/">在线商城APP</Link>
                                            </Menu.Item>

                                        </SubMenu>
                                        {/* <Menu.Item key="2">
                                        <Link to="/pos/">POS收银系统</Link>
                                    </Menu.Item>
                                    <Menu.Item key="3">
                                       <Link to="/posApp/">UPOS APP</Link>
                                    </Menu.Item> */}
                                        <Menu.Item key="4">
                                            <Link to="/question/">解决方案</Link>
                                        </Menu.Item>
                                        <Menu.Item key="5">
                                            <Link to="/chat/">关于我们</Link>
                                        </Menu.Item>

                                    </Menu>

                                </Col>

                            </Row>
                        </Col>
                        <Col span={4}></Col>
                    </Row>
                </Header>
                <Content>
                    <div id="AboutUs">
                        <img src={path + "images/questionBanner.png"} style={{ width: '100%' }}></img>
                        {/* <div style={{width:'100%',height:'180px',background:'#001123',textAlign:'center',lineHeight:'180px'}}>
                        <img src={path+"images/footer.png"}></img>
                    </div> */}
                    </div>
                    <div>
                        <div style={{width:'1200px',margin:"104px auto",overflow:'hidden'}}>
                            <div style={product}>零售行业痛点</div>
                            <div style={{overflow:'hidden',width:'1200px',marginTop:'62px'}}>
                                <div style={{ float: 'left', marginRight: '30px' }}>
                                    <div style={{ width: '585px', background: '#EAF5FF', border:'1px solid #C1DEF7',padding:'48px 24px 48px 32px',overflow:'hidden'}}>
                                        <div style={{ float: 'left', color: '#151515', fontSize: '24px', fontFamily:'D-DIN-Bold, D-DIN',fontWeight:'bold'}}>01</div>
                                        <div style={{float:'left',width:'24px',height:'1px',border:'1px solid #151515',margin:"17px 10px 0px"}}></div>
                                        <div style={{float:'left',width:'380px'}}>
                                            <div style={{fontSize: '18px',fontFamily:'PingFangSC-Semibold, PingFang SC',fontWeight: '600',color: '#151515',margin:'4px 0px 24px 0px'}}>偷盗问题较严重</div>
                                            <div style={{fontSize: '16px',fontFamily: 'PingFangSC-Regular, PingFang SC',fontWeight: 400,color: '#4E5155',}}>所处环境及当地政策影响，很多防盗措施无法落地，软件供应商也无从下手。</div>
                                        </div>
                                        <div syle={{float:'left'}}>
                                            <img src={path + "images/question01.png"} style={{width:'72px'}}></img>
                                        </div>
                                    </div>
                                    <div style={{ width: '585px', background: '#EAF5FF', border: '1px solid #C1DEF7', padding: '48px 24px 48px 32px', overflow: 'hidden',marginTop:'30px' }}>
                                        <div style={{ float: 'left', color: '#151515', fontSize: '24px', fontFamily: 'D-DIN-Bold, D-DIN', fontWeight: 'bold' }}>03</div>
                                        <div style={{ float: 'left', width: '24px', height: '1px', border: '1px solid #151515', margin: "17px 10px 0px" }}></div>
                                        <div style={{ float: 'left', width: '308px',marginRight:'72px' }}>
                                            <div style={{ fontSize: '18px', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: '600', color: '#151515',margin:'4px 0px 24px 0px' }}>销售额难以突破</div>
                                            <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', }}>软件层面不支持门店开展促销活动，门店
                                                辐射半径固定，很难获取到新的顾客。</div>
                                        </div>
                                        <div syle={{ float: 'left' }}>
                                            <img src={path + "images/question03.png"} style={{ width: '72px' }}></img>
                                        </div>
                                    </div>
                                </div>
                                <div style={{ float: 'left'}}>
                                    <div style={{ width: '585px', background: '#EAF5FF', border: '1px solid #C1DEF7', padding: '48px 24px 48px 32px', overflow: 'hidden' }}>
                                        <div style={{ float: 'left', color: '#151515', fontSize: '24px', fontFamily: 'D-DIN-Bold, D-DIN', fontWeight: 'bold' }}>02</div>
                                        <div style={{ float: 'left', width: '24px', height: '1px', border: '1px solid #151515', margin: "17px 10px 0px" }}></div>
                                        <div style={{ float: 'left', width: '380px' }}>
                                            <div style={{ fontSize: '18px', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: '600', color: '#151515', margin: '4px 0px 24px 0px' }}>数据安全无保障</div>
                                            <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', }}>本地部署带来较高的使用成本和维护成本。一旦服务器出现异常，数据恢复比较麻烦。</div>
                                        </div>
                                        <div syle={{ float: 'left' }}>
                                            <img src={path + "images/question02.png"} style={{ width: '72px' }}></img>
                                        </div>
                                    </div>
                                    <div style={{ width: '585px', background: '#EAF5FF', border: '1px solid #C1DEF7', padding: '48px 24px 48px 32px', overflow: 'hidden', marginTop: '30px' }}>
                                        <div style={{ float: 'left', color: '#151515', fontSize: '24px', fontFamily: 'D-DIN-Bold, D-DIN', fontWeight: 'bold' }}>04</div>
                                        <div style={{ float: 'left', width: '24px', height: '1px', border: '1px solid #151515', margin: "17px 10px 0px" }}></div>
                                        <div style={{ float: 'left', width: '380px', }}>
                                            <div style={{ fontSize: '18px', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: '600', color: '#151515', margin: '4px 0px 24px 0px' }}>货品多、管理难度大</div>
                                            <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', }}>行业无强制性规范要求，上游供应商不作为，导致零售终端管理难度大。</div>
                                        </div>
                                        <div syle={{ float: 'left' }}>
                                            <img src={path + "images/question04.png"} style={{ width: '72px' }}></img>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    
                    </div>
                    <div className='uposBanner' style={{paddingBottom:'104px'}}>
                        <div style={{ width: '1200px', margin: '0px auto',padding:'104px 0 62px' }} >
                            <div style={questionSolu}>UPOS解决方案</div>
                        </div>
                        <div style={questionBack}>
                            <div style={{width:'1200px',margin:'0 auto',overflow:'hidden'}}>
                                <div style={{float:"left"}}>
                                    <div style={{margin:'40px 0',position:'relative'}}>
                                        <img src={path + "images/questionSpot.png"} style={{ width: '200px' }}></img>
                                        <span style={{position:'absolute',top:'12px',left:'81px',fontSize:'20px',color:'#fff',fontFamily: 'PingFangSC-Semibold, PingFang SC',fontWeight: 600}}>痛点</span>
                                    </div>
                                   
                                    <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px' }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 偷盗在部分城市的门店还会经常发生，据现有门店的数据分析，在使用UPOS前门店的货损率在5%左右，其中近一半的货损率是由于偷盗造成的。偷盗分为外盗和内盗，由于欧洲国家对于隐私的政策一直很严格，外盗除了增加员工人手外，似乎没有什么好的解决方案。内盗其实可以从软件层面得到一定的解决，但目前意大利的本土软件商也没有去增加这一功能。</div>
                                </div>
                                <div style={{ float: "right" }}>
                                    <div style={{ margin: '40px 0', position: 'relative' }}>
                                        <img src={path + "images/questionSpot1.png"} style={{ width: '200px',position:'absolute',right:'0px',top:"0px" }}></img>
                                        <span style={{ position: 'absolute', top: '12px', right: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>解决</span>
                                    </div>

                                    <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px',marginTop:"137px"}}>
                                            <div style={{}}>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 针对外盗，分析了外盗的具体的几种行为，发现从软件层面可以解决掉调包的这种行为，具体做法是：收银员在扫描商品条码时，商品图片与商品价格信息同步显示，方便收银员确认是否匹配，即使顾客调包也能及时发现。
                                            </div>
                                           <div style={{margin:'20px 0'}}> 
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;针对内盗，系统会记录收银员的异常行为，例如：删除商品的操作，减少商品数量的操作、以及开钱箱次数过多等异常情况，并产出报表供门店管理者查看。</div>
                                        <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;自门店使用UPOS系统后，目前的损耗率可控制在3%左右，说明在防止偷盗的措施上，效果还是比较显著的。</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div style={{margin:'104px 0'}}>
                        <div style={questionBack1}>
                            <div style={{ width: '1200px', margin: '0 auto', overflow: 'hidden' }}>
                                <div style={{ float: "left" }}>
                                    <div style={{ margin: '40px 0', position: 'relative' }}>
                                        <img src={path + "images/questionSpot.png"} style={{ width: '200px' }}></img>
                                        <span style={{ position: 'absolute', top: '12px', left: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>痛点</span>
                                    </div>

                                        <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px' }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       在服务器的选择上，也注意到大多数门店都是使用本地服务器部署的方式，而国内通过近些年技术的高速发展，除互联网巨头外，基本都已使用云端服务器。本地服务器除了价格比较高以外，还需要有人专门的维护，其实是增加了门店的隐形使用成本。对于数据的安全性，也是本地服务器比较头疼的点，一旦本地服务器损坏，数据可能就没办法找回，这种事情不发生还好，一旦发生对门店来说就是巨大的损失。</div>
                                </div>
                                <div style={{ float: "right" }}>
                                    <div style={{ margin: '40px 0', position: 'relative' }}>
                                        <img src={path + "images/questionSpot1.png"} style={{ width: '200px', position: 'absolute', right: '0px', top: "0px" }}></img>
                                        <span style={{ position: 'absolute', top: '12px', right: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>解决</span>
                                    </div>

                                    <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px', marginTop: "137px", }}>
                                        <div style={{}}>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       在服务器的选择上，UPOS坚决采用云服务器部署的方式，门店不需要操心服务器怎么维护、数据丢失如何找回问题，可以集中精力处理门店的日常业务，系统使用费用相比也更加实惠。云端部署的另一个好处是可以随时随地的使用UPOS 和 具有更强的扩展性。
                                                
                                        </div>
                                        <div style={{ margin: '20px 0' }}>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;考虑到实际门店会小概率出现断网的情况，收银系统增加了离线模式，完美的解决了在断网情况下，保障收银系统可以正常使用，以及与云端服务器之间的数据传输问题。</div>
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                        </div>
                        <div style={questionBack2}>
                            <div style={{ width: '1200px', margin: '0 auto', overflow: 'hidden' }}>
                                <div style={{ float: "left" }}>
                                    <div style={{ margin: '40px 0', position: 'relative' }}>
                                        <img src={path + "images/questionSpot.png"} style={{ width: '200px' }}></img>
                                        <span style={{ position: 'absolute', top: '12px', left: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>痛点</span>
                                    </div>

                                    <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px' }}> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      线下门店的辐射半径是固定的，长此以往门店的顾客群体基本是固定的，很难再去扩展新的顾客，软件层面又不支持多样的促销活动，也很难刺激老顾客的复购，再加上电子商务对线下门店业务的冲击，导致门店销售额难以突破。</div>
                                </div>
                                <div style={{ float: "right" }}>
                                    <div style={{ margin: '40px 0', position: 'relative' }}>
                                        <img src={path + "images/questionSpot1.png"} style={{ width: '200px', position: 'absolute', right: '0px', top: "0px" }}></img>
                                        <span style={{ position: 'absolute', top: '12px', right: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>解决</span>
                                    </div>

                                    <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px', marginTop: "137px", }}>
                                        <div style={{}}>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      UPOS目前支持 打折活动和优惠券促销活动。打折活动可以帮助门店更好的处理库存积压商品和临近保质期商品，优惠券活动可以针对不同客户等级的群体进行发放，例如：散客可以发放优惠力度更大的优惠券，使其成为门店的客户，再成为门店的忠实客户。老顾客发放优惠券可刺激二次消费。后续UPOS还会推出更多有利于门店的促销活动。
                                            

                                        </div>
                                        <div style={{ margin: '20px 0' }}>
                                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在线商城产品帮助门店增加辐射半径，可以满足不同场景下的客户需求。客户在家里、在路上都可以使用在线商城进行下单。</div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div style={{marginTop:"104px "}}>
                            <div style={questionBack3}>
                                <div style={{ width: '1200px', margin: '0 auto', overflow: 'hidden' }}>
                                    <div style={{ float: "left" }}>
                                        <div style={{ margin: '40px 0', position: 'relative' }}>
                                            <img src={path + "images/questionSpot.png"} style={{ width: '200px' }}></img>
                                            <span style={{ position: 'absolute', top: '12px', left: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>痛点</span>
                                        </div>

                                        <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px' }}>
                                            <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最早调研意大利零售门店时，发现货品种类繁多、情况复杂，行业也没有强制要求，经常会出现条码重复使用的情况。再加上门店无主动管理意识，员工通常都是怎么方便怎么来，比如只录入商品信息而不填写库存数量。这样虽然在录入商品的环节节省了部分时间，但是在销售环节以及后续维护环节上给门店带来了较大的管理难度。最常见的有：无法了解商品实际库存情况，不知道何时采购以及采购多少，收银员每次扫码都需要在重复商品中选择一个等等...</div>
                                            {/* <div style={{ margin: '20px 0' }}>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 在线商城产品帮助门店增加辐射半径，可以满足不同场景下的客户需求。客户在家里、在路上都可以使用在线商城进行下单。
                                            </div> */}
                                        </div>

                                    </div>
                                    <div style={{ float: "right" }}>
                                        <div style={{ margin: '40px 0', position: 'relative' }}>
                                            <img src={path + "images/questionSpot1.png"} style={{ width: '200px', position: 'absolute', right: '0px', top: "0px" }}></img>
                                            <span style={{ position: 'absolute', top: '12px', right: '81px', fontSize: '20px', color: '#fff', fontFamily: 'PingFangSC-Semibold, PingFang SC', fontWeight: 600 }}>解决</span>
                                        </div>

                                        <div style={{ fontSize: '16px', fontFamily: 'PingFangSC-Regular, PingFang SC', fontWeight: 400, color: '#4E5155', width: '483px', marginTop: "137px", }}>
                                            <div style={{}}>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;      UPOS在设计过程中尽量避免了以上情况的发生，首先在商品录入环节上，必须填写入库数量，强制使系统库存与实际库存相对应，为后续的采购、库存和预警等管理提供了基础数据支持，帮助门店掌握更真实的库存情况。




                                            </div>
                                            <div style={{ margin: '20px 0' }}>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 对重复条码进行检查，如发现重复及时提醒门店进行修改，并支持打印“价格标签”，辅助门店解决此问题。
                                            </div>
                                            <div style={{}}>
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 批量导入功能 加入商品数据格式、条码格式等检查，筛选出不符合规范的商品，降低门店的管理压力。同时在批量导入功能中集成了商品信息录入、零售价设置 和 商品入库功能，大幅减少了员工的操作时间。
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                     
                    </div>
                
                </Content>
                <Footer style={{ background: '#001123', padding: '81px 0 0 0px',}}>
                    <div style={{ overflow: 'hidden', width: '1200px', margin: '0 auto' }}>
                        <div style={{ float: 'left' }}>
                            <img src={path+"images/logoUpos.png"} style={{ width: '143px', height: '26px' }} />
                        </div>
                        <div style={{ float: 'left', borderRight: '1px solid rgb(42,42,42)', padding: '0 90px 0px 196px', width: '588px' }}>
                            <a style={{ color: '#fff', fontSize: '16px', marginRight: '168px', }} className='aHover' >
                                <Link to="/upos/" style={{ color: '#fff', }} onClick={this.backTop}> 产品中心</Link>


                            </a>
                            <a style={{ color: '#fff', fontSize: '16px', }} className='aHover' >
                                <Link to="/question/" style={{ color: '#fff', }} onClick={this.backTop}>  解决方案</Link>


                            </a>
                            <p style={{ color: '#999999', fontSize: '14px', marginTop: '22px' }}>进销存管理系统</p>
                            <p style={{ color: '#999999', fontSize: '14px', marginTop: '12px' }}>收银系统</p>
                            <p style={{ color: '#999999', fontSize: '14px', marginTop: '12px' }}>在线商品APP</p>
                            <p style={{ marginTop: '92px', }}>
                                <a style={{ color: '#fff', fontSize: '16px', }} href="/chat/" className='aHover' >
                                    <Link to="/chat/" style={{ color: '#fff', }} onClick={this.backTop}>    关于我们</Link>


                                </a>
                            </p>
                            <p style={{ color: '#999999', fontSize: '14px', marginTop: '22px' }}>杭州青湘科技有限公司</p>
                            <div style={{ margin: '15px 0 0px 0', color: '#999999', fontSize: '14px', }}>
                                <span style={{ height: '16px', paddingRight: '20px', borderRight: '1px solid #999999', }}>杭州</span>
                                <span style={{ height: '16px', padding: '0px 16px 0px 16px', borderRight: '1px solid #999999', }}>上海</span>
                                <span style={{ height: '16px', padding: '0px 16px 0px 16px', borderRight: '1px solid #999999', }}>北京</span>
                                <span style={{ height: '16px', padding: '0px 16px 0px 16px', borderRight: '1px solid #999999', }}>深圳</span>
                                <span style={{ height: '16px', paddingLeft: '20px', }}>威尼斯</span>
                            </div>
                        </div>
                        <div style={{ float: 'left', paddingLeft: '86px', color: '#999999', }}>
                            <p style={{ fontSize: '16px' }}>中国联系方式：</p>
                            <div>
                                <img src={path+"images/weChat.png"} style={{ width: '24px', height: '24px' }}></img>
                                <span style={{ fontSize: '14px', marginLeft: '8px' }}>企业微信</span>

                            </div>
                            <div style={{ marginTop: '8px' }}>
                                <img src={path+"images/erweima.png"} style={{ width: '104px' }}></img>

                            </div>
                            <p style={{ fontSize: '16px', marginTop: '48px' }}>意大利销售专员：</p>
                            <div>
                                <img src={path+"images/phone.png"} style={{ width: '24px', height: '24px' }}></img>
                                <span style={{ fontSize: '14px', marginLeft: '8px' }}>韩先生手机</span>
                            </div>
                            <p style={{ fontSize: '14px', marginTop: '12px', color: '#fff' }}>+39/3778832691</p>
                        </div>
                        <div style={{ float: 'left', marginLeft: '117px', color: '#999', fontSize: '14px', paddingTop: '42px' }}>
                            <div>
                                <img src={path+"images/email.png"} style={{ width: '24px', height: '24px', }}></img>
                                <span style={{ fontSize: '14px', marginLeft: '8px' }}>Email</span>
                                <p style={{ color: '#fff', fontSize: '14px', marginTop: '8px' }}>support@imichi.cn</p>
                                <div style={{ marginTop: '172px' }}>
                                    <img src={path+"images/email.png"} style={{ width: '24px', height: '24px' }}></img>
                                    <span style={{ fontSize: '14px', marginLeft: '8px' }}>Email</span>
                                </div>
                                <p style={{ fontSize: '14px', marginTop: '12px', color: '#fff' }}>upositalia@gmail.com</p>
                            </div>
                        </div>
                    </div>
                    <div style={{ borderTop: '1px solid rgb(42,42,42)', marginTop: "79px", fontSize: '14px', color: '#999', textAlign: 'center', padding: '20px 0 22px' }}>版权所有 @杭州青湘科技有限公司</div>

                </Footer>

            </Layout>
        );
    }

}


